<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#test{
				height: 200px;
				width: 200px;
				background-color: red;
				box-shadow: 0px 0px 10px #FF0000;
			}
			#test:hover{
				transform: skewY(45deg);
			}
			/**
			 * 属性选择器
				^   选择开头的所有元素
				$   结尾
				*   选择包含的所有元素
			 */
			
			/* 选择包含'e'的所有元素 */
			li[class*=e]{
				color: red; 
			}
		</style>
	</head>
	<body>
		&reg;
		&quot;
		<div id="test">
			
		</div>
		<ul>
			<li class="ctest">测试</li>
			<li class="comec">O(∩_∩)O哈哈~</li>
			<li class="mylti">吃饺子</li>
		</ul>
	</body>
</html>
